<!--{include file="<!--{$oetplpath}-->public/widget_header.tpl"}-->
<link rel="stylesheet" href="<!--{$urlpath}-->tpl/static/cropper/cropper.css" />
<script src="<!--{$urlpath}-->tpl/static/cropper/cropper.min.js"></script>
<script src="<!--{$skinpath}-->public/js/avatar.js"></script>
<div class="oereg_top">
  <div class="oereg_topcon">
    <div class="oereg_logo">
	  <a href="<!--{$config.siteurl}-->"><img src="<!--{$urlpath}--><!--{$config.logo}-->" /></a>
	</div>
    <div class="oereg_right">
	  您正以 <!--{$login.info.username}-->登录<a href="<!--{routeurl module='passport' action='logout'}-->">退出</a>
	</div>
    <div class="clear"></div>
  </div>
</div>

<div class="oereg_content">

  <div class="oe_clip">
    <div class="hd">
      <ul>
	    <!--{if $login.info.gender == '2'}-->
		<!--{assign var="sex" value="1"}-->
		<!--{else}-->
		<!--{assign var="sex" value="2"}-->
		<!--{/if}-->
	    <!--{assign var="elite_user" value=vo_list("mod={listuser} where={v.gender='<!--{$sex}-->' AND v.headflag='1'} num={2}")}-->
		<!--{if !empty($elite_user)}-->
		<!--{foreach $elite_user as $volist}-->
		<!--{if $volist.i == '1'}-->
        <li class="li_1"><img src="<!--{$volist.headimg}-->" /></li>
		<!--{else}-->
		<li class="li_2"><img id="my_headimg_preview" src="<!--{$login.info.headimgurl}-->" /></li>
		<li class="li_3"><img src="<!--{$volist.headimg}-->" /></li>
		<!--{/if}-->
		<!--{/foreach}-->
		<!--{/if}-->
      </ul>
      <div class="clear"></div>
      <h3>添加您的个人照片</h3>
      <p>添加设置头像，开始认识新朋友！</p>
    </div>
    <div class="bd">
      <h3>
	    <span><i></i>从您的电脑上传照片</span>
        <input type="file" name="img" id="img" f="upload_img" data-url="<!--{$oefile}-->?c=index&a=upload&forbidwater=1" />
        <label class="headloading" id="img_loading" style="display:none;">
          <img src="<!--{$skinpath}-->public/images/loading.gif" />
        </label>
      </h3>
      <p class="error" id="img_tips"></p>
      <p>
	    支持JPG,PNG,GIF常规图片格式<br>
        图片大小限制为<!--{$config.uploadmaxsize}-->M
	  </p>
    </div>
    <div class="tips">
	  您只能上传您的个人照片，照片必须能让人容易辨认并且您的面部清晰可见。<br>
      禁止上传没有您在内的照片、以及有孩子在内、或包含色情或不恰当内容的照片。
	</div>
    <div class="skip">
	  <a href="<!--{routeurl module='passport' action='success'}-->">以后再上传头像</a>
	</div>
  </div>

</div>

<div class="oe_shade img_clipbox" style="display:none;">
  <input type="hidden" id="imgcode" name="imgcode" value="<!--{$imgcode}-->" />
  <input type="hidden" id="x1" name="x1" value="" />
  <input type="hidden" id="y1" name="y1" value="" />
  <input type="hidden" id="x2" name="x2" value="" />
  <input type="hidden" id="y2" name="y2" value="" />
  <input type="hidden" id="w" name="w" value="" />
  <input type="hidden" id="h" name="h" value="" />

  <div class="oe_popbox">
    <div class="hd">
	  裁剪头像 <span class="close img_clipbox_close"></span>
	</div>
    <div class="bd">
	  <img id="img_preview" src="" />
	</div>
    <div class="tips">
	  拖动裁剪框，裁剪适合的头像，头像不能太大，也不能太小哦！~
	</div>
    <div class="btn">
      <em id="clip_tips"></em>
	  <span f="clipimg">确定保存</span>
	</div>
  </div>
</div>


<!--{include file="<!--{$oetplpath}-->public/widget_footer.tpl"}-->
</body>
</html>